<template>
	<view class="cum-loading-container">
		<view class="welcome"></view>
		<view class="welcometext">资源加载中...</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.cum-loading-container{
		box-sizing: border-box;
		width: 100%;
		height: 100vh;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-top: 45%;
		.welcome{
			background-image: url('https://lsol-house-upload.oss-cn-hangzhou.aliyuncs.com/2020-09-29wxls/yuanApp/yuanLogo/yuanWelcome.png');
			width: 106px;
			height: 155px;
			animation-name: anima-welcome;
			animation-duration: 0.7s;
			animation-timing-function: steps(2);
			animation-iteration-count: infinite;
			margin-bottom: 12rpx;
		}
		.welcometext{
			font-size: 28rpx;
			color: #8d8d8d;
		}
	}
	@keyframes anima-welcome{
		0%{
			background-position: 0px 0px;
		}
		100%{
			background-position: -212px 0px;
		}
	}
</style>